<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>Rank</title>
    <link href="style/rank.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="wrapper">
    <div id="top">
        <div class="content">
            <a href="jsps/user/index.jsp">进入购物系统</a>
        </div>
    </div>

    <div id="header">
        <div id="title">
            <h1>书虫之家</h1>
        </div>
        <div id="search">
            <form action="#" method="get">
                <input type="text" name="keyword" value="请输入你要查找的书籍" class="txt">
                <input type="submit" name="search" value="搜索" class="submit">
            </form>
        </div>
    </div>

    <div id="menu">
        <ul>
            <li><a href="index.html">首页</a></li>
            <li><a href="#">书城中心</a></li>
            <li><a href="rank.html" class="selected">畅销榜单</a></li>
            <li><a href="#">阅读社区</a></li>
            <li><a href="about.html">关于我们</a></li>
            <li><a href="problems.html">常见问题</a></li>
        </ul>
    </div>


    <div id="container">
        <div id="main">
            <div id="sidebar" class="float_l">
                <div class="sidebar_box">
                    <h2>分类</h2>
                    <div class="content">
                        <ul class="sidebar_list">
                            <li><a href="novels.html">小说</a></li>
                            <li><a href="#">文学</a></li>
                            <li><a href="#">青春文学</a></li>
                            <li><a href="#">传记</a></li>
                            <li><a href="#">成功励志</a></li>
                            <li><a href="#">管理</a></li>
                            <li><a href="#">历史</a></li>
                            <li><a href="#">哲学宗教</a></li>
                        </ul>
                    </div>
                </div>

                <div class="sidebar_box">
                    <h3>新书上架</h3>
                    <div class="box_d">
                        <a href="1984.html"><img src="img/1984.jpg" alt="1984"></a>
                        <h4><a href="1984.html">1984</a></h4><h5>[英]乔治·奥威尔</h5>
                        <div class="cleaner"></div>
                    </div>
                    <div class="box_d">
                        <a href="#"><img src="img/renjianshige.jpg" alt="人间失格"></a>
                        <h4><a href="#">人间失格</a></h4><h5>[日]太宰治</h5>
                        <div class="cleaner"></div>
                    </div>
                    <div class="box_d">
                        <a href="#"><img src="img/huozhe.jpg" alt="活着"></a>
                        <h4><a href="#">活着</a></h4><h5>[中]余华</h5>
                        <div class="cleaner"></div>
                    </div>
                </div>
            </div>

            <div id="content" class="float_r">
                <h2>NO.1</h2>
                <div class="info">
                    <div class="box_l">
                        <img src="img/lixiangguo.jpg" alt="《1984》">
                    </div>

                    <div class="box_r">
                        <h2><a href="purchase.html">理想国</a></h2>
                        <h4>作者: [古希腊] 柏拉图 </h4>
                        <p>
                            简介：《理想国》一书是柏拉图的一篇重要对话录，对话录里柏拉图以苏格拉底之口通过与其他人对话的方式设计了一个真、善、美相统一的政体，即可以达到公正的理想国。在他的理想国里统治者必须是哲学家，人类的真正出路在于哲学家掌握政权。这种信念构成了柏拉图成熟的政治哲学体系的核心。所以，只有建立以哲学家为国王的国家才是最理想的国家。这个国家就是存在于天上的模范国家。</p>
                    </div>
                </div>

                <h2>NO.2</h2>
                <div class="info">
                    <div class="box_l">
                        <img src="img/1984.jpg" alt="《1984》">
                    </div>

                    <div class="box_r">
                        <h2><a href="#">1984</a></h2>
                        <h4>作者: [英] 乔治·奥威尔 </h4>
                        <p>
                            简介：《1984》是一部极具预言性质的政治讽喻小说，描绘了一个令人感到窒息和恐惧的泯灭人性的极权主义社会。在这个被称为“大洋国”的极权主义社会里，“你说的每一句话，发出的每一个声响都会被监听；只要有一点光线，你的一举一动都会被监视”，人性被扼杀，自由被剥夺，思想被钳制，而历史每时每刻也在被伪造。那里的人类生存状态，永远警示着人们不要走进这黑暗的悲剧。</p>
                    </div>
                </div>

                <h2>NO.3</h2>
                <div class="info">
                    <div class="box_l">
                        <img src="img/wuhezhizhong.jpg" alt="《1984》">
                    </div>

                    <div class="box_r">
                        <h2><a href="#">乌合之众</a></h2>
                        <h4>作者: [法] 古斯塔夫・勒庞 </h4>
                        <p>
                            简介：《乌合之众》是群体心理学的奠基之作。勒庞认为，在群体之中，个体的人性就会湮没，独立的思考能力也会丧失，群体的精神会取代个体的精神。他首次阐明了社会心理学中的一些重要问题,研究了群体特征和种族特征的不同之处,指出了群众运动的性质,分析了领袖与群众、民主与独裁的关系,书中的许多观点都20世纪的历史里得到了验证。时至今日，《乌合之众》依然具有强烈的当代感。</p>
                    </div>
                </div>
            </div>
            <div class="cleaner"></div>
        </div>

        <div id="footer">
            Copyright &copy; 2019书虫之家 All Rights Reserved
        </div>
    </div>
</div>
</body>
</html>
